<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <!-- 内部样式 -->
    <!-- <style>
      div {
        color: red;
        font-size: 100px;
        text-align: center;
      }
    </style> -->
    <!-- 引入外部css样式 -->
    <link rel="stylesheet" href="./css/demo.css">
  </head>

  <body>
    <!-- 布局标签 -->
    <!-- 内联样式 -->
    <!-- <div style="color: aqua; font-size: 50px; text-align: center">
      HELLO CSS version1
    </div> -->


    <div id="name" class="cls">HELLO CSS version2</div>
    <div id="it001" class="cls">HELLO CSS version3</div>
    <div id="idValue">HELLO CSS version4</div>

    <span>块标签1</span>
    <span>块标签2</span>
    <span>块标签3</span>


  </body>
</html>
